<%-- 
    Document   : index
    Created on : 3 déc. 2013, 15:25:08
    Author     : hp
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<!-- Basic Page Needs
  ================================================== -->
<meta charset="utf-8">
<title>PA-Learning</title>
<meta name="description" content="">
<meta name="author" content="Ahmed Saeed">
<!-- Mobile Specific Metas
  ================================================== -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
  ================================================== -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/bootstrap.min.css"
	media="screen">
<!-- jquery ui css -->

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/jquery-ui-1.10.1.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/customize.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/font-awesome.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/style.css">
<!-- flexslider css-->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/flexslider.css">
<!-- fancybox -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/js/fancybox/jquery.fancybox.css">

<!-- Favicons
        ================================================== -->
<link rel="shortcut icon"
	href="${pageContext.request.contextPath}/Vues/img/icons/basic/favicon.png">
<link rel="apple-touch-icon"
	href="${pageContext.request.contextPath}/Vues/images/apple-touch-icon.html">
<link rel="apple-touch-icon" sizes="72x72"
	href="${pageContext.request.contextPath}/Vues/images/apple-touch-icon-72x72.html">
<link rel="apple-touch-icon" sizes="114x114"
	href="${pageContext.request.contextPath}/Vues/images/apple-touch-icon-114x114.html">
</head>

<body>

	<div id="mainContainer" class="clearfix">

		<!--begain header-->
		<header>
			<div class="upperHeader">
				<div class="container">
					<ul class="pull-right inline">
						<li><a href=""><img
								src="${pageContext.request.contextPath}/Vues/img/reseausosc/facebook_32.png" /></a></li>
						<li><a href="#"><img
								src="${pageContext.request.contextPath}/Vues/img/reseausosc/google_32.png" /></a></li>
						<li><a href="http://twitter.com/amaranthe"><img
								src="${pageContext.request.contextPath}/Vues/img/reseausosc/twitter_32.png" /></a></li>
						<li><a href="#"><img
								src="${pageContext.request.contextPath}/Vues/img/reseausosc/youtube_32.png" /></a></li>
					</ul>
					<%
						if (session.getAttribute("connecte") == null) {
					%>
					<p>
						Bienvenu au PA-Learning<a href="loginLerner">Connexion</a> ou <a
							href="register">Creer un nouveaux Compte</a>
					</p>
					<%
						}
					%>
					<%
						if (session.getAttribute("connecte") != null) {
					%>
					<p>
						Bienvenu au PA-Learning<a href="deconnecter">D&eacute;connexion</a>
					</p>
					<%
						}
					%>
				</div>
				<!--end container-->
			</div>
			<!--end upperHeader-->

			<div class="middleHeader">
				<div class="container">

					<div class="middleContainer clearfix">

						<div class="">
							<h1>
								<a href="front"><img alt="" src="${pageContext.request.contextPath}/Vues/img/icons/basic/logo.png"></a>
							</h1>
						</div>

						<div class="pull-right">
							<form method="get" action="" class="siteSearch">
								<div class="input-append">
									<input type="text" class="span2" id="appendedInputButton"
										placeholder="Search...">
									<button class="btn btn-primary" type="submit" name="">
										<i class="icon-search"></i>
									</button>
								</div>
							</form>
						</div>

						<div class="pull-right">

							<div class="btn-group">
								<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
									FR <span class="caret"></span>
								</a>
								<ul class="dropdown-menu language">
									<li><a href="#">EN</a></li>


								</ul>
							</div>
						</div>
						<!--end middleCoontainer-->

					</div>
					<!--end middleCoontainer-->

				</div>
				<!--end container-->
			</div>
			<!--end middleHeader-->

			<div class="mainNav">
				<div class="container">
					<div class="navbar">

						<ul class="nav">
							<li class="active"><a href="index.jsp"><i
									class="icon-home"></i></a></li>
							<li><a href="front">A propos<i class="icon-caret-down"></i></a>
								<div>
									<ul>
										<li><a href="profileformateurs"> <span>-</span>Nos
												Formateurs<i class="icon-caret-right"></i></a>
											<div>
												<ul>
													<li><a href="loginprof"> <span>-</span>Connectez
															Vous
													</a></li>

												</ul>
											</div></li>
										<li><a href="loginresponsable.jsp"> <span>-</span>
												Responsable de qualité<i class="icon-caret-right"></i></a>
											<div>
												<ul>
													<li><a href="loginresponsable"> <span>-</span>Connectez
															Vous
													</a></li>

												</ul>
											</div></li>

									</ul>
								</div></li>
							<li><a href="themeFront">Cours<i class="icon-caret-down"></i></a>
								<div>
									<ul>
										<s:iterator value="th">
											<li><a href="themeFront1?pk=<s:property value="Thid"/>">
													<s:property value="Hoti" /><i class="icon-caret-right"></i>
											</a>
												<div>
													<ul>
														<s:iterator value="module">
															<li><a
																href="modulFront1?pk=<s:property value="Moid"/>"> <s:property
																		value="Homo" />
															</a></li>
														</s:iterator>
													</ul>
												</div></li>
										</s:iterator>


									</ul>
								</div></li>
							<s:set name="session" value="session['connecte']"></s:set>
							<s:if test="%{#session ==null}">
								<li><a href="loginLerner">Examen</a></li>
							</s:if>
							<s:if test="%{#session =='true'}">
								<li><a href="examthemefront">Examen</a></li>
							</s:if>

							<li><a href="entreprise.jsp">Entreprise</a></li>
							<li><a href="#">Forum</a></li>
							<li><a href="contact">Contactez-nous<i
									class="icon-caret-down"></i></a>
								<div></div></li>
							<li><a href="#">Messagerie</a></li>


						</ul>
						<!--end nav-->
					</div>
				</div>
				<!--end container-->
			</div>
			<!--end mainNav-->

		</header>
		<!-- end header -->



		<div class="container">

			<div class="row">

				<div class="span8">
					<div class="flexslider">
						<ul class="slides">
							<li><img
								src="${pageContext.request.contextPath}/Vues/img/accueil1.jpg"
								alt="slide1"></li>
							<li><img
								src="${pageContext.request.contextPath}/Vues/img/614x300.jpg"
								alt="slide2"></li>
							<li><img
								src="${pageContext.request.contextPath}/Vues/img/614x300.jpg"
								alt="slide3"></li>
						</ul>
					</div>
					<!--end flexslider-->
				</div>
				<!--end span8-->


				<div class="span4">

					<div id="homeSpecial">
						<div class="titleHeader clearfix">
							<h3>À la une</h3>
							<div class="pagers">
								<div class="btn-toolbar">
									<div class="btn-group">
										<button class="btn btn-mini vNext">
											<i class="icon-caret-down"></i>
										</button>
										<button class="btn btn-mini vPrev">
											<i class="icon-caret-up"></i>
										</button>
									</div>
									<button class="btn btn-mini">voir tous</button>
								</div>
							</div>
						</div>
						<!--end titleHeader-->


						<ul class="vProductItems cycle-slideshow vertical clearfix"
							data-cycle-fx="carousel" data-cycle-timeout=0
							data-cycle-slides="> li" data-cycle-next=".vPrev"
							data-cycle-prev=".vNext" data-cycle-carousel-visible="2"
							data-cycle-carousel-vertical="true">
							
							<s:iterator value="ac">
							<li class="span4 clearfix">
								<div class="thumbImage">
									<a href="findallActualite?pk1=<s:property value="Logi"/>"><s:set name="picture" value="Picture"></s:set>
										<s:if test="%{#picture != null}">
											<div style="width: 72px; height: 72px;">
												<img src='<s:property value="Picture"/>'
											alt="Blog image">
											</div>
										</s:if>
										<s:if test="%{#picture == null}">
											
											<div style="width: 72px; height: 72px;">
												<img src='/PA-Learning/Vues/img/92x92.jpg'
											alt="Blog image1">
											</div>
										</s:if></a>
								</div>
								<div class="thumbSetting">
									<div class="thumbTitle">
										<a href="findallActualite?pk1=<s:property value="Logi"/>" class="invarseColor"> <s:property value="title"/> </a>
									</div>

									<ul class="rating">
										<li><i class="star-off"></i></li>
										<li><i class="star-off"></i></li>
										<li><i class="star-off"></i></li>
										<li><i class="star-off"></i></li>
										<li><i class="star-off"></i></li>
									</ul>
								</div>
							</li>
							</s:iterator>
																				</ul>
					</div>
					<!--end homeSpecial-->

				</div>
				<!--end span4-->

			</div>
			<!--end row-->



			<div class="row">

				<div class="span12">
					<div id="featuredItems">
						<!-- <div class="span12"> -->
						<div class="titleHeader clearfix">
							<h3>Dernières Vidéos</h3>
							<div class="pagers">
								<div class="btn-toolbar">
									<button class="btn btn-mini">voir tous</button>
								</div>
							</div>
						</div>
						<!--end titleHeader-->
						<!-- </div> -->

						<div class="row">
							<ul class="hProductItems clearfix">
							<s:iterator value="sequence">
								<li class="span3 clearfix">
									<div class="thumbnail">
										<a href="findvideo?id=<s:property value="id"/>">
											<input type="hidden" id="aa" value="<s:property value="Link" />" />
                                        <script type="text/javascript">
    function youtubeFeedCallback(json){
        document.writeln('<img src="' + json.data.thumbnail.sqDefault + '" style="width:90px;">');
    }
</script>
<script type="text/javascript">
	var a = '<s:property value="Link"/>';
	var b = a.split('embed/')[1];
	var url = 'http://gdata.youtube.com/feeds/api/videos/' + b
			+ '?v=2&alt=jsonc&callback=youtubeFeedCallback';

	document
			.writeln('<' + 'script type="text/javascript" src="' + url + '"></' + 'script>');
</script>
											
											</a>
									</div>
									<div class="thumbSetting">
										<div class="thumbTitle">
											<a href="#" class="invarseColor"> <s:property value="Hosq"/> </a>
										</div>

										<ul class="rating">
											<li><i class="star-on"></i></li>
											<li><i class="star-on"></i></li>
											<li><i class="star-on"></i></li>
											<li><i class="star-on"></i></li>
											<li><i class="star-off"></i></li>
										</ul>
									</div>
								</li>
								</s:iterator>
							</ul>
						</div>
						<!--end row-->
					</div>
					<!--end featuredItems-->
				</div>
				<!--end span12-->

			</div>
			<!--end row-->

			<div class="row">
				<div class="span12">
					<div id="brands">
						<div class="titleHeader clearfix">
							<h3>Telecharger notre application</h3>
							<div class="pagers">
								<div class="btn-toolbar"></div>
							</div>
						</div>
						<!--end titleHeader-->

					</div>
					<!--end brands-->
				</div>
				<!--end span12-->
			</div>
			<!--end row-->

		</div>
		<!--end conatiner-->


		<!--begain footer-->
		<footer>
			<div class="footerOuter">
				<div class="container">
					<div class="row-fluid">

						<div class="span6">
							<div class="titleHeader clearfix">
								<h3>Usefull Links</h3>
							</div>


							<div class="usefullLinks">
								<div class="row-fluid">
									<div class="span6">
										<ul class="unstyled">
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i> About Us</a></li>
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i> Delivery Information</a></li>
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i> Privecy Police</a></li>
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i> Tarms &amp; Condations</a></li>
										</ul>
									</div>

									<div class="span6">
										<ul class="unstyled">
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i> Surf Brands</a></li>
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i> Customer Support</a></li>
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i> Special Gifs</a></li>
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i> Browse Site Map</a></li>
										</ul>
									</div>
								</div>
							</div>

						</div>
						<!--end span6-->

						<div class="span3">
							<div class="titleHeader clearfix">
								<h3>Contact Info</h3>
							</div>

							<div class="contactInfo">
								<ul class="unstyled">
									<li>
										<button class="btn btn-small">
											<i class="icon-volume-up"></i>
										</button> Call Us: <a class="invarseColor" href="#">5246-4697-891</a>
									</li>
									<li>
										<button class="btn btn-small">
											<i class="icon-envelope-alt"></i>
										</button> <a class="invarseColor" href="#">shopfine@shopfine.com</a>
									</li>
									<li>
										<button class="btn btn-small">
											<i class="icon-map-marker"></i>
										</button> 22 Avenue Park, Los Angeles
									</li>
								</ul>
							</div>

						</div>
						<!--end span3-->

						<div class="span3">
							<div class="titleHeader clearfix">
								<h3>Newslatter</h3>
							</div>

							<div class="newslatter">
								<form method="get" action="http://egythemes.com/shopfine/page">
									<input class="input-block-level" type="text" name="email"
										value="" placeholder="Your Name..."> <input
										class="input-block-level" type="text" name="email" value=""
										placeholder="Your E-Mail...">
									<button class="btn btn-block" type="submit" name="">Join
										Us Now</button>
								</form>
							</div>

						</div>
						<!--end span3-->

					</div>
					<!--end row-fluid-->

				</div>
				<!--end container-->
			</div>
			<!--end footerOuter-->

			<div class="container">
				<div class="row">
					<div class="span12">

						<p>© Copyrights 2013 PA-Learning.com</p>
					</div>
				</div>
			</div>
		</footer>
		<!--end footer-->

	</div>
	<!--end mainContainer-->


	<!-- End Sidebar Widget-->


	<!-- JS
        ================================================== -->
	<script type="text/javascript"
		src="http://w.sharethis.com/button/buttons.js"></script>
	<script type="text/javascript">
		stLight.options({
			publisher : "70a9f716-0c2f-4957-9001-a6acc8963202",
			doNotHash : false,
			doNotCopy : false,
			hashAddressBar : false
		});
	</script>
	<script src="${pageContext.request.contextPath}/Vues/js/jquery.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/Vues/js/jquery-ui.min.js"></script>
	<!-- jQuery.Cookie -->
	<script
		src="${pageContext.request.contextPath}/Vues/js/jquery.cookie.js"></script>
	<!-- bootstrap -->
	<script
		src="${pageContext.request.contextPath}/Vues/js/bootstrap.min.js"></script>
	<!-- flexslider -->
	<script
		src="${pageContext.request.contextPath}/Vues/js/jquery.flexslider-min.js"></script>
	<!-- cycle2 -->
	<script
		src="${pageContext.request.contextPath}/Vues/js/jquery.cycle2.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/Vues/js/jquery.cycle2.carousel.min.js"></script>
	<!-- tweets -->
	<script
		src="${pageContext.request.contextPath}/Vues/js/jquery.tweet.js"></script>
	<!-- fancybox -->
	<script
		src="${pageContext.request.contextPath}/Vues/js/fancybox/jquery.fancybox.js"></script>
	<!-- custom function-->
	<script src="${pageContext.request.contextPath}/Vues/js/custom.js"></script>

</body>

</html>

